<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./axios.js"></script>

</head>
<!-- 

    axios:基于promise管理的ajax库
    不过是get还是post请求，axios都是一个异步请求。返回都是一个promise实例。
    get请求 axios.get(url,options)
    promise.then()获取的结果是一个对象
    
 -->

<body>
    <script>
        let url = 'https://www.easy-mock.com/mock/5b0412beda8a195fb0978627/temp/list'
        // 方法连续调用。a.get().then()  调用then方法的是a.get()返回的结果。
        axios.get(url, {
            // params对象是问号?传参的参数
            params: {
                name: 'zs', age: 10, gender: 'male'
            }
            // 成功回调
        }).then(result => {
            let { data } = result//对象结构赋值
            console.log(data)
            // 嵌套发送下一个axios请求
            // return 100
            return axios.post('https://www.easy-mock.com/mock/5b0412beda8a195fb0978627/temp/add',
                { name: 'li', age: 20 }
            )
        }).then(result => {
            let {data}=result
            console.log(data)
        })
            // 失败回调
            // .catch(reason => console.log(reason))


        // let url1 = 'https://www.easy-mock.com/mock/5b0412beda8a195fb0978627/temp/add'
        // // post请求头里自动带了content-type, 传给服务器数据是原生json字符串格式。 request Payload
        // axios.post(url1, { name: 'li', age: 20 })
        //     .then(result => console.log(result))
        //     .catch(reason => console.log(reason.headers))
    </script>
</body>

</html>